<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link type="text/css" href="${staticResources}/css/personalcenter.css" rel="stylesheet" />
<script type="text/javascript">
// Resize iframe to full height
function resizeIframe(height)
{
  // "+60" is a general rule of thumb to allow for differences in
  // IE & and FF height reporting, can be adjusted as required..
  document.getElementById('main_frame').height = parseInt(height)+60;
}
</script>
</head>
<body>

<div id="header">
  <div id="hy">
    <div id="logo">欢迎光临中国药科大学二手书交易平台!请<a href="#">登录</a> 免费<span><a href="#">注册</a></span></div>
    <div id="sc">
      <ul>
        <li><a href="#">收藏夹</a></li>
        <li><a href="#">我的账单</a></li>
        <li><a href="#">交易快照</a></li>
      </ul>
    </div>
    
    
  </div>
  <div id="top"><img src="${staticResources}/image/zhuye_04.gif" width="1024" height="153" alt=""></div>
  <div id="nav" style="background:url(${staticResources}/image/zhuye_06.gif)">
    <ul>
      <li><a href="#">首页</a></li>
      <li><a href="#">新书上架</a></li>
      <li><a href="#">交易广场</a></li>
      <li><a href="#">拍卖中心</a></li>
      <li><a href="#">读者推荐</a></li>
      <li><a href="#">书籍论坛</a></li>
      <li><a href="#">新手指南</a></li>
    </ul>
  </div>
</div>
<!--头部结束-->

<div class="main">
     
     <div class="lmain">
	      <div class="tx">
	        <c:choose>
             <c:when test="${empty user.userPicture }">
               <img src="${staticResources}/image/userpics_none.jpg" width="132" height="132" alt="">
             </c:when>
             <c:otherwise>
               <img src="${userContents}/userpics/${user.userPicture }" width="132" height="132" alt="">
             </c:otherwise>
	       </c:choose>
	      </div>
		  <div class="xx">
		        <dl>活跃度：${user.activityPoint}</dl>
				<dl>信誉度：${user.creditPoint}</dl>
				<dl>个性签名：${fn:escapeXml(user.signature)}</dl>
		  </div>
		  <div class="text">
		       <div class="grey"><b>个人信息</b></div>
			   <div class="det">
			        <dl><a href="#">查看</a></dl>
					<dl><a href="#">修改</a></dl>
			   </div>
			   <div class="grey"><b>收藏夹</b></div>
			   <div class="det">
			        <dl><a href="#">我的收藏</a></dl>
					
			   </div>
			   <div class="grey"><b>我买过</b></div>
			   <div class="det">
			        <dl><a href="#">已上架</a></dl>
					<dl><a href="#">已下架</a></dl>
					<dl><a href="#">交易中</a></dl>
					<dl><a href="#">交易完成</a></dl>
			   </div>
			   <div class="grey"><b>我卖过</b></div>
			   <div class="det">
			        <dl><a href="#">交易中</a></dl>
					<dl><a href="#">交易完成</a></dl>
			   </div>
		  </div>
	 </div>

	 <div class="rmain">
	      
	      <div class="con">
	      
	      <div class="ckzl">
		        <div class="grey2" style=" font-weight:600">查看资料</div>
				<div class="detview">
				     <dl>学号：1348009</dl>
					 <dl>姓名：金弈</dl>
					 <dl>性别：男</dl>
					 <dl>昵称：yigolden</dl>
					 <dl>个性签名：电脑是我女朋友</dl>
				     <dl>邮箱：1235@126.com</dl>
					 <dl>手机号：9998877</dl>
					 <dl>活跃度：0009</dl>
					 <dl>信誉度：99990</dl>
				</div>
			
		  </div>
		  
		  <div class="xgzl">
		        <div class="grey2" style=" font-weight:600">修改资料</div>
				<div class="detchange">
				<form name="" action="" method="post">
				     <div class="clear"></div>
					 <dl>
					   <dd><label>头像：</label></dd>
					   <input type="file" name="" style=" width:200px; height:25px; padding:0px 0px 0px 0px;"/>
					 </dl>
					 <div class="clear"></div>
					 <dl>
				         <dd><label>学工号：</label></dd>
					     <input type="text" style="width:200px; height:25px;;"name=""placeholder="学工号"/>
					 </dl>
					 
					 <div class="clear"></div>
					 <dl>
				         <dd><label>姓名：</label></dd>
					     <input type="text" style="width:200px; height:25px;;"name=""placeholder="金弈"/>
					 </dl>
					 
					 <div class="clear"></div>
					 <dl>
				         <dd><label>性别：</label></dd>
					     <input type="text" style="width:200px; height:25px;;"name=""placeholder="男"/>
					 </dl>
					 
					 <div class="clear"></div>
					 <dl>
				         <dd><label>昵称：</label></dd>
					     <input type="text" style="width:200px; height:25px;;"name=""placeholder="yigolden"/>
					 </dl>
					 
					 <div class="clear"></div>
					 <dl>
				         <dd><label>个性签名：</label></dd>
					     <input type="text" style="width:200px; height:25px;;"name=""placeholder="电脑是我女朋友"/>
					 </dl>
					 
					 <div class="clear"></div>
					 <dl>
				         <dd><label>邮箱：</label></dd>
					     <input type="text" style="width:200px; height:25px;;"name=""placeholder="1235@126.com"/>
					 </dl>
					 
				     <div class="clear"></div>
					 
					 <dl>
				         <dd><label>手机号：</label></dd>
					     <input type="text" style="width:200px; height:25px;;"name=""placeholder="1235678"/>
					 </dl>
					 
				     <div class="clear"></div>
					 
					 <dl>
				         <dd><label>活跃度：</label></dd>
					     <input type="text" style="width:200px; height:25px;;"name=""placeholder="0009"/>
					 </dl>
					 <div class="clear"></div>
					 
					 <dl>
				         <dd><label>信誉度：</label></dd>
					     <input type="text" style="width:200px; height:25px;;"name=""placeholder="9990"/>
					 </dl>
				     <div class="clear"></div>
					 <div class="tijiao">
					       <input type="image" style=" "src="${staticResources}/image/submit.jpg" width="100" height="35"  class="button" name="" value=""/>
					  </div>
					 
			    </form>
				</div>
			
		  </div>
	      
	      
	      
	      <div class="uploadtx">
		        <div class="grey2" style=" font-weight:600">上传头像</div>
				<div class="sctx">
				      <div class="pic">
					  <img src="${staticResources}/image/personalcenter_03.gif" width="100" height="100" alt=""><br>
					  <dl>当前头像</dl>
					  </div>
					  <div class="upload">
					        <form name="" action="" method="post">
							      请选择上传头像<input type="file" name="" style="height:25px; padding:12px 0px 0px 0px;"/>
							  <div class="clear"></div>
								  <div class="tijiao">
					               <input type="image" style=" "src="${staticResources}/image/submit.jpg" width="100" height="35"  class="button" name="" value=""/>
					       
					              </div>    
							</form>
					  </div>
				</div>
			
		  </div>
	      
	      
	      <div class="password">
		        <div class="grey2" style=" font-weight:600">修改密码</div>
				<div>
				     <form method="post" name="" action="">
				     <div class="clear"></div>
					 <dl>
				         <dd><label>学号：</label></dd>
					     <input type="text" style="width:200px; height:25px;" name="" placeholder="学工号"/>
					 </dl>
					 <div class="clear"></div>
				     <dl>
				         <dd><label>旧密码：</label></dd>
					     <input type="password" style="width:200px; height:25px;" name="" placeholder="新密码"/>
					 </dl>
					 <div class="clear"></div>
				     <dl>
				         <dd><label>新密码：</label></dd>
					     <input type="password" style="width:200px; height:25px;" name="" placeholder="确认新密码"/>
					 </dl>
					 <div class="clear"></div>
					 <div class="tijiao">
					       <input type="image" style=" "src="${staticResources}/image/submit.jpg" width="100" height="35"  class="button" name="" value=""/>
					       
					 </div>
					 <div class="clear"></div>
					 </form>
				</div>
			
		  </div>
	      
	      <div class="sj">
		        <div class="grey2" style=" font-weight:600">已上架</div>
				
				
				<div class="lists">
		     <div class="list"><img src="${staticResources}/image/listbook_11.gif" width="73" height="86" alt="">
			     <a href="#">书名：生平</a><big>价格：</big><b>￥99</b><br>
				 <small>新旧程度：五成新</small>&nbsp;<small>笔记：没有笔记</small>
				 
			 </div>
			 <div>
			    <div class="shopper">
			       <small>卖家：</small><small><a href="#">小淘气</a></small><br>
				   <small>信誉度：9999</small>
			    </div>
				<div class="botton">
				    <a href="#"> <img src="${staticResources}/image/personalcenter3_03.gif" width="102" height="30" alt=""> </a><a href="#"><img src="${staticResources}/image/personalcenter3_05.gif" width="101" height="30" alt=""></a>
				</div>
				
			 </div>
			 
		 </div>
<!--一个信息结束-->	


          <div class="lists">
		     <div class="list"><img src="${staticResources}/image/listbook_11.gif" width="73" height="86" alt="">
			     <a href="#">书名：生平</a><big>价格：</big><b>￥99</b><br>
				 <small>新旧程度：五成新</small>&nbsp;<small>笔记：没有笔记</small>
				 
			 </div>
			 <div>
			    <div class="shopper">
			       <small>卖家：</small><small><a href="#">小淘气</a></small><br>
				   <small>信誉度：9999</small>
			    </div>
				<div class="botton">
				    <a href="#"> <img src="${staticResources}/image/personalcenter3_03.gif" width="102" height="30" alt=""> </a><a href="#"><img src="${staticResources}/image/personalcenter3_05.gif" width="101" height="30" alt=""></a>
				</div>
				
			 </div>
			 
		 </div>
<!--一个信息结束-->	


		  </div>
		  <div class="xj">
		         <div class="grey2"  style=" font-weight:600">已下架</div>
				
				
				<div class="lists">
		     <div class="list"><img src="${staticResources}/image/listbook_11.gif" width="73" height="86" alt="">
			     <a href="#">书名：生平</a><big>价格：</big><b>￥99</b><br>
				 <small>新旧程度：五成新</small>&nbsp;<small>笔记：没有笔记</small>
				 
			 </div>
			 <div>
			    <div class="shopper">
			       <small>卖家：</small><small><a href="#">小淘气</a></small><br>
				   <small>信誉度：9999</small>
			    </div>
				<div class="botton">
				   <a href="#"> <img src="${staticResources}/image/personalcenter3_09.gif" width="102" height="30" alt=""> </a> <a href="#"><img src="${staticResources}/image/personalcenter3_05.gif" width="101" height="30" alt=""></a>
				</div>
				
			 </div>
			 
		 </div>
<!--一个信息结束-->	


          <div class="lists">
		     <div class="list"><img src="${staticResources}/image/listbook_11.gif" width="73" height="86" alt="">
			     <a href="#">书名：生平</a><big>价格：</big><b>￥99</b><br>
				 <small>新旧程度：五成新</small>&nbsp;<small>笔记：没有笔记</small>
				 
			 </div>
			 <div>
			    <div class="shopper">
			       <small>卖家：</small><small><a href="#">小淘气</a></small><br>
				   <small>信誉度：9999</small>
			    </div>
				<div class="botton">
				   <a href="#"> <img src="${staticResources}/image/personalcenter3_09.gif" width="102" height="30" alt=""> </a> <a href="#"><img src="${staticResources}/image/personalcenter3_05.gif" width="101" height="30" alt=""></a>
				</div>
				
			 </div>
			 
		 </div>
<!--一个信息结束-->	


		  </div>
		  <div class="jyz">
		         <div class="grey2" style=" font-weight:600">交易中</div>
		         <div class="lists">
		     <div class="list"><img src="${staticResources}/image/listbook_11.gif" width="73" height="86" alt="">
			     <a href="#">书名：生平</a><big>价格：</big><b>￥99</b><br>
				 <small>新旧程度：五成新</small>&nbsp;<small>笔记：没有笔记</small>
				 
			 </div>
			 <div>
			    <div class="shopper">
			       <small>交易对象：</small><small><a href="#">新导员</a></small><br>
				   <small>信誉度：9999</small>
			    </div>
				<div class="botton">
				   
				</div>
				
			 </div>
			 
		 </div>
<!--一个信息结束-->	

          <div class="lists">
		     <div class="list"><img src="${staticResources}/image/listbook_11.gif" width="73" height="86" alt="">
			     <a href="#">书名：生平</a><big>价格：</big><b>￥99</b><br>
				 <small>新旧程度：五成新</small>&nbsp;<small>笔记：没有笔记</small>
				 
			 </div>
			 <div>
			    <div class="shopper">
			       <small>交易对象：</small><small><a href="#">新导员</a></small><br>
				   <small>信誉度：9999</small>
			    </div>
				<div class="botton">
				   
				</div>
				
			 </div>
			 
		 </div>
<!--一个信息结束-->	
		  </div>
		  <div class="jywc">
		        <div class="grey2" style=" font-weight:600">交易完成</div>
		         <div class="lists">
		     <div class="list"><img src="${staticResources}/image/listbook_11.gif" width="73" height="86" alt="">
			     <a href="#">书名：生平</a><big>价格：</big><b>￥99</b><br>
				 <small>新旧程度：五成新</small>&nbsp;<small>笔记：没有笔记</small>
				 
			 </div>
			 <div>
			    <div class="shopper">
			       <small>交易对象：</small><small><a href="#">新导员</a></small><br>
				   <small>信誉度：9999</small>
			    </div>
				<div class="botton">
				   
				</div>
				
			 </div>
			 
		 </div>
<!--一个信息结束-->	

          <div class="lists">
		     <div class="list"><img src="${staticResources}/image/listbook_11.gif" width="73" height="86" alt="">
			     <a href="#">书名：生平</a><big>价格：</big><b>￥99</b><br>
				 <small>新旧程度：五成新</small>&nbsp;<small>笔记：没有笔记</small>
				 
			 </div>
			 <div>
			    <div class="shopper">
			       <small>交易对象：</small><small><a href="#">新导员</a></small><br>
				   <small>信誉度：9999</small>
			    </div>
				<div class="botton">
				   
				</div>
				
			 </div>
			 
		 </div>
<!--一个信息结束-->	
		  </div>
		  <div class="scj">
		       <div class="grey2" style=" font-weight:600">我的收藏</div>
				
				
				<div class="lists">
		     <div class="list"><img src="${staticResources}/image/listbook_11.gif" width="73" height="86" alt="">
			     <a href="#">书名：生平</a><big>价格：</big><b>￥99</b><br>
				 <small>新旧程度：五成新</small>&nbsp;<small>笔记：没有笔记</small>
				 
			 </div>
			 <div>
			    <div class="shopper">
			       <small>卖家：</small><small><a href="#">小淘气</a></small><br>
				   <small>信誉度：9999</small>
			    </div>
				<div class="botton">
				    <a href="#"><img src="${staticResources}/image/personalcenter4_11.gif" width="102" height="30" alt=""></a><a href="#"> <img src="${staticResources}/image/personalcenter4_12.gif" width="101" height="30" alt=""></a>
				</div>
				
			 </div>
			 
		 </div>
<!--一个信息结束-->	


          <div class="lists">
		     <div class="list"><img src="${staticResources}/image/listbook_11.gif" width="73" height="86" alt="">
			     <a href="#">书名：生平</a><big>价格：</big><b>￥99</b><br>
				 <small>新旧程度：五成新</small>&nbsp;<small>笔记：没有笔记</small>
				 
			 </div>
			 <div>
			    <div class="shopper">
			       <small>卖家：</small><small><a href="#">小淘气</a></small><br>
				   <small>信誉度：9999</small>
			    </div>
				<div class="botton">
				    <a href="#"><img src="${staticResources}/image/personalcenter4_11.gif" width="102" height="30" alt=""></a><a href="#"> <img src="${staticResources}/image/personalcenter4_12.gif" width="101" height="30" alt=""></a>
				</div>
				
			 </div>
			 
		 </div>
<!--一个信息结束-->	

		  </div>
	   </div>
	 
	 <div id="page">
		    <ul>
            <li><a href="#">上一页</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">下一页</a></li>
            </ul>
		</div> 
	 
	 </div>
	      
</div>
<!--中间部分结束-->

<div id="bottom"><img src="${staticResources}/image/zhuye_47.gif" width="1024" height="86" alt=""></div>

</body>
</html>